<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<title></title>
	<link rel="stylesheet" type="text/css" href="css/cometoshow.css">
</head>
<body>

	<div class="head">
		<div class="nav">
			<div class="nav-body">
				<div class="nav-body-left">
					<img src="img/logo.a2dacc49.png">
				</div>
				<div class="nav-body-right">
					<div class="nav-item navitem-on">
						<div class="nav-item-body" onclick="location.href='index.html'">
							<span class="nav-item-title">首页</span>
							<span class="nav-item-botton"></span>
						</div>
					</div>
					<div class="nav-item second-act">
						<div class="nav-item-body">
							<span class="nav-item-title">
								产品介绍
							</span>
							<span class="nav-item-botton"></span>
						</div>
						<div class="nav-second">
							<ul class="nav-second-body">
								<!-- <li class="nav-second-item">
									<div class="navsec-bod">
										<img src="">
										<div></div>
									</div>
								</li> -->
							</ul>
						</div>
					</div>
					<div class="nav-item">
						<div class="nav-item-body" onclick="location.href='solution.html'">
							<span class="nav-item-title">解决方案</span>
							<span class="nav-item-botton"></span>
						</div>
					</div>
					<div class="nav-item">
						<div class="nav-item-body" onclick="location.href='casestudy.html'">
							<span class="nav-item-title">案例展示</span>
							<span class="nav-item-botton"></span>
						</div>
					</div>
					<div class="nav-item secact-new">
						<div class="nav-item-body">
							<span class="nav-item-title">新闻中心</span>
							<span class="nav-item-botton"></span>
						</div>
						<div class="nav-second-new">
							<ul class="nav-second-body-a">
								<li class="nav-second-item">
									<div class="navsec-bod">
										<img src="img/gsmove.png">
										<div>公司动态</div>
									</div>
								</li>
								<li class="nav-second-item">
									<div class="navsec-bod">
										<img src="img/hymove.png">
										<div>行业动态</div>
									</div>
								</li>
							</ul>
						</div>
					</div>
					<div class="nav-item">
						<div class="nav-item-body" onclick="location.href='aboutus.html'">
							<span class="nav-item-title">关于我们</span>
							<span class="nav-item-botton"></span>
						</div>
					</div>
					<div class="nav-item">
						<div class="nav-item-body" onclick="location.href='joinus.html'">
							<span class="nav-item-title">加入我们</span>
							<span class="nav-item-botton"></span>
						</div>
					</div>
					<div class="nav-item">
						<div class="nav-item-body" onclick="location.href='dealpig.html'">
							<span class="nav-item-title">生猪交易</span>
							<span class="nav-item-botton"></span>
						</div>
					</div>
					<div class="nav-item">
						<div class="nav-item-body" onclick="location.href='cometoshow.html'">
							<span class="nav-item-title">申请演示</span>
							<span class="nav-item-botton"></span>
						</div>
					</div>
				</div>
			</div>
		</div>
		<div class="head-body">
			<img src="img/s-banner.png">
			<div class="head-body-title">
				<div class="banner-center">
					<div class="banner-title">申请演示</div>
					<div class="banner-text">申请演示</div>
				</div>
			</div>
		</div>
	</div>
	<div class="body">
		<div class="body-center">
			<div class="body-center-title">
				首页 > 申请演示
			</div>
			<div class="cometoshow-body">
					<div class="center-title">申请演示</div>
					<div class="center-text">
						请完善以下新信息，我们的工作人员会尽快与您联系，为您安排产品演示服务。（仅对企业客户开放）
					</div>
					<div class="center-up">
						<form id="demoForm">
				            <div class="form-group">
				                <label class="required" for="product">试用产品</label>
				                <select id="product" required>
				                    <option value="">请选择试用产品</option>
				                    <option value="product1">不愁养猪管理系统</option>
				                    <option value="product2">不愁卖猪</option>
				                </select>
				                <div class="error" id="productError">请选择试用产品</div>
				            </div>

				            <div class="form-group">
				                <label class="required" for="name">姓名</label>
				                <input type="text" id="name" required placeholder="请输入您的姓名">
				                <div class="error" id="nameError">请输入您的姓名</div>
				            </div>

				            <div class="form-group">
				                <label class="required" for="phone">电话</label>
				                <input type="tel" id="phone" required placeholder="请输入您的联系方式">
				                <div class="error" id="phoneError">请输入有效的联系电话</div>
				            </div>

				            <div class="form-group">
				                <label for="company">公司名称</label>
				                <input type="text" id="company" placeholder="请输入您的公司名称">
				            </div>

				            <div class="form-group">
				                <label for="email">邮箱</label>
				                <input type="email" id="email" placeholder="请输入您的邮箱">
				            </div>

				            <div class="form-group">
				                <label for="address">地址</label>
				                <input type="text" id="address" placeholder="请输入您的地址">
				            </div>

				            <div class="form-group">
				                <label for="notes">备注</label>
				                <textarea id="notes" rows="4"></textarea>
				            </div>

				            <button type="submit">立即提交</button>
				        </form>
					</div>
			</div>
		</div>
	</div>
	<div class="foot">
		<div class="foot-center">
			<div class="foot-left">
				<ul>
					<li class="foot-item">
						<div class="first-title">首页</div>
					</li>
					<li class="foot-item">
					  <div class="first-title">产品介绍</div>
					  <div class="second-title">合同放养管理解决方案</div>
					  <div class="second-title">猪场解决方案</div>
					  <div class="second-title">生猪交易平台</div>
					  <div class="second-title">不愁养禽解决方案</div>
					  <div class="second-title">不愁养牛解决方案</div>
					  <div class="second-title">不愁养虾解决方案</div>
					  <div class="second-title">智慧运输解决方案</div>
					  <div class="second-title">物联网、智能设备</div>
					</li>
					<li class="foot-item">
						<div class="first-title">解决方案</div>
						<div class="first-title">案例展示</div>
						<div class="first-title">新闻中心</div>
						<div class="second-title">公司动态</div>
						<div class="second-title">行业动态</div>
					</li>
					<li class="foot-item">
						<div class="first-title">关于我们</div>
						<div class="first-title">加入我们</div>
						<div class="first-title">生猪交易</div>
						<div class="first-title">申请演示</div>
					</li>
				</ul>
			</div>
			<div class="foot-right">
				<div class="first-title">联系我们</div>
				<div class="second-title">电话：0532-89089019</div>
				<div class="second-title">15898816599（栾延康）</div>
				<div class="second-title">地址：青岛市李沧区九水东路130号亚马逊AWS联合创新中心8楼</div>
				<div class="thred-title">订阅我们</div>
				<div class="second-title">第一时间最大幅的获得最新动态</div>
				<div class="sub-wrap">
				<input type="text" placeholder="请输入您的邮箱" class="sub-input"><div class="sub-botton">订阅</div>
				</div>
			</div>
		</div>
		<div class="footer-bottom">
			<div class="center-wrap">
				<div class="footer-number">Copyright © 2016-2017 不愁网（北京）信息科技有限公司 版权所有 丨 京ICP备17022714号-1</div>
			</div>
		</div>
	</div>
	<script type="text/javascript" src="js/ajax.js"></script>
	<script type="text/javascript" src="js/cometoshow.js"></script>
	<script type="text/javascript" src="js/jquery-3.2.1.js"></script>
</body>
</html>